<template>
  <ve-histogram
    :data="chartData"
    :settings="chartSettings"
    :extend="extendSettings"
    :theme="tdTheme"
    height="100%"
  ></ve-histogram>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import ChartMixin from './chartMixins'

@Component({
  name: 'LargeBarChart',
  mixins: [ChartMixin]
})
export default class LargeBarChart extends Vue {
  tdTheme = require('./theme.json')
  chartSettings = {
    yAxisName: ['个']
  }
  extendSettings = {
    series: {
      barWidth: 8
    }
  }
  chartData = {}
}
</script>
<style lang="scss" scoped></style>
